*{
	margin: 0px;
	padding: 0px;  
}

/*top*/
#top{
	position: relative;
	width: 100%;
	height:45px;
	background-color: white; 
}
.top-right{
	position: relative;
	float: right;
	width: 120px;
	height: 35px;
	padding-top: 10px;
	opacity: .6;
}

.top-right span ,div{
	position: relative;
	float: left;
	width:45px;
	height: 25px;

}
.top-right div{background-color: blue;}
.top-right span{
	position: relative;
	margin-top: 5px;
	margin-left: 10px;
}
.top-left{
	position:relative;
	float: left;
	width:100px;
	height: 45px; 
	background-image: url(image/1.jpg);
	background-repeat: no-repeat;

}

/*head*/
#head{
	position: relative;
	height: 400px;
	width: 100%;

}
#head1,#head1 img{
	position: relative;
	height: 250px;
	width: 100%;
}

#head2{
	position: relative;
	height: 150px;
	width: 100%;
	border-bottom:3px solid rgba(255,0,0,.4);

}
#icon{
	position: absolute;
	width: 150px;
	height: 150px;
	left: 200px;
	top:-75px;
	border:1px red solid;
	border-radius: 50%;
}
#head2-part1{
	position: relative;
	left: 370px;
	width: 40%;
	height: 100px;
	
	padding-left: 10px;

}
#head2-part1 i{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: red;
	margin-left: 10px;
	margin-top: 10px;
	opacity: .6;

}
#head2-part1 strong ,span{
	display: inline-block;
	margin-left: 10px;
	opacity: .6;
}
#head2-part1 strong{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 25px;
	opacity: 1;

}
.tip{
	position: relative;
	float: left;
	width: 65px;
	height: 25px;
	border-radius: 15px;
	background-color: rgba(255 ,0 ,0 ,.4);
	margin-left: 18px;
	margin-top: 10px;
	color: white;
	text-align: center;
	padding-top: 5px;

}

.addbtn1,.addbtn2,.addbtn3,.addbtn4{
	position: absolute;
	left: 1100px;
	top: 30px;
	width: 130px;
	height: 35px;
	background: rgba(0,0,255,.7);
	color: white;
	padding-top: 15px;
	text-align: center;
}
.addbtn1{
	left: 1100px;
	top: 30px;
}
.addbtn2{
	left: 400px;
	top: 420px;
}
.addbtn3{
	left: 400px;
	top: 20px;
}
.addbtn4{
	left: 400px;
	top: 120px;
}
#title{
	position: relative;
	top: 100px;
	left: -350px;
	width: 600px;
	height: 50px;
}
#title1,#title2,#title3{
	position: relative;
	float: left;
	display: inline-block;
	width: 130px;
	height: 25px;
	text-align: center;
	margin-top: 20px;
	padding-top: 5px;
}
#title1:hover,#title2:hover,#title3:hover{
	border-bottom: 3px solid rgba(255,0,0,1);
	color: red;
}

/*content*/
#content{
	position: relative;
	width: 100%;
	height: 750px;
}
/*3页内容*/
#title1-content,#title2-content,#title3-content{
	position: absolute;
	width: 100%;
	height: 1050px;
}
#title1-content{
	height: 750px;
}
.noplay{
	display: none;
}
/*第一页只有content1，第二三页有content1,2,3*/
.content1,.content2,.content3{
	position: relative;
	left: 200px;
	width: 55%;
	border-bottom:3px solid rgba(192,192,192,.6);
}
/*每页各部分的高度不同*/
#title1-content .content1{
	height: 550px;
}
#title2-content .content1{
	height: 300px;
}
#title2-content .content2{
	height: 300px;
	border:0px;
}
#title2-content .content3{
	height: 150px;	
}
#title3-content .content1,#title3-content .content2,#title3-content .content3{
	height: 250px;
}

.content1-head{
	width: 100%;
	margin-left: 20px;
	padding-top: 20px;
	height: 30px;
}
/*每个信息填在一个固定大小的label里*/
.label{
	position: relative;
	float: left;
	margin-left: 20px;
	padding-top: 20px;

}
.label2{position: relative;
	float: left;
	margin-left: 20px;
	padding-top: 20px;	
	height: 30px;	
}
/*每一页的label大小有所不同*/
#title1-content .label,#title2-content .label{
	width: 330px;
}
#title1-content .label2,#title2-content .label2{
	width: 680px;
	height: 30px;
}
#title3-content .label{
	width: 200px;

}
#title3-content .label2{
	width: 500px;
	height: 100px;
}
/*只有content1,2里需要span，用来让字体变浅*/
.content1 span,.content2 span{
	opacity: .6;
}
/*第3页的content2中的span留着放图片*/
#title3-content .content2 span{
	width: 20px;
	height: 20px;
	background-color: blue;
} 
.title2-content2-border{
	position: relative;
	width: 140px;
	height: 250px;
	margin: 20px;
}
/*第二页介绍成员用的图像和信息*/
.icon{
	width: 120px;
	height:120px;
	border-radius: 50%;
	background-color: grey;
	margin: 15px;
}
.info{width: 140px;
	height: 120px;
	text-align: center;
}

/*foot 由于content的height不固定，将底部作为每一页的内容*/
#foot{
	position: relative;
	width: 100%;
	height: 300px;
	background-color: black;
	opacity: .8;
}
#foot1{
	position: relative;
	width: 100%;
	height: 80px;
	color: white;
	text-align: center;
	padding-top: 70px ;
	border-bottom: 1px solid rgba(255,255,255,.4);
}
#foot1 h1{
	font-weight: bold;
	font-size: 25px;
}
#foot2 {
	position: relative;
	width: 100%;
	height: 150px;
	color: white;
	text-align: center;
}
#foot h2{
	margin-top: 20px;
}
#foot span{
	margin-top: 10px;
	margin-right: 70px;
	margin-left: 70px;
}